﻿@charset "UTF-8";
body{font-family:"Microsoft YaHei","Arial"; font-size:14px; padding:0; margin:0; color:#333; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
html,body{width:100%;height:100%;}
h1,h2,h3,h4,h5{font-size:12px; margin:0; padding:0;font-weight:normal;}
ol,ul,li,dl,dt,dd,p{list-style:none; margin:0; padding:0;}
a{text-decoration:none; color:#333; cursor:pointer;}
a:hover{color:#17d292;}
img{border:0; vertical-align:middle;}
em,i{font-style:normal;}
input{vertical-align:middle; margin:0; padding:0; outline:none;}
button{border:none; cursor:pointer; outline:none;}
label{vertical-align:middle;}
textarea{outline:none; resize:none;}
.clear:after{display:block; clear:both; content:""; visibility:hidden; height:0;}
.clear{zoom:1;}

.block{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
}
.red{
    color:#f00!important;
}
.w534{ width: 560px!important;}
.w171{ width: 180px!important;}

.fl{ float: left;}
.fr{ float: right;}

.layui-input, .layui-select, .layui-textarea{
    height: 45px;
    line-height: 45px;
}
.layui-textarea{
    min-height: 120px;
}


.main{
    margin-bottom: 65px;
    background:#17d292;  
}
.main-wrapper{
    margin-left: 230px;
    background: #fff;
}
.main-side{
    float: left;
    width: 230px;
    margin-left: -1200px;
}

.main-side .main-menu-title{
    margin: 29px 0 28px 16px;
}

.main-side .english-name{
    font-size: 14px;
    color: #666;
}

.main-side .name{
    font-size: 38px;
    color: #333;
}
.main-side .list .list-item{
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    width: 180px;
}

.main-side .list .list-item a{
    display:block;
    font-size: 18px;
    text-align: center;
    color: #fff;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.main-side .list .list-item a.on{
    background: #fff;
    color:#17d292;
}

.main-right{
    float: left;
    width: 100%; 
}
.main-header{
    padding: 24px 0 10px;
    border-bottom:1px solid #17d292;
    overflow: hidden;
}
.main-header .main-header-title{
    float: left;
    font-size: 0;
}

.main-header .main-header-title .name{
    font-size: 24px;
    color: #666;
}
.main-header .main-header-title .english-name{
    font-size: 18px;
    color: #999;
    margin-left: 10px;
}

.main-header .path{
    float:right;
    padding-top: 12px;
}
.main-header .path .on{
    color: #17d292;
}

.main-content{
    margin-left:55px;
}


.main-side .list .list-item{
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    width: 180px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.main-side .list .list-item a{
    display:block;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.main-side .list .list-item.on{
    background: #fff;
}
.main-side .list .list-item.on a{
    color:#17d292;
}
